header {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.wrapper {
    width: 1080px;
    margin: 0 auto;
    height: 100%;
}

header .links {
    float: left;
    display: block;
    padding-top: 3px;
}

header .phone-num {
    float: right;
    margin-top: 12px;
}

/*下载区域*/
.down-box {
    width: 388px;
    height: 217px;
    background: #ffffff;
    position: fixed;
    top: 300px;
    right: 16%;
    z-index: 5000;
    background: url("../img/code.png") no-repeat;
}

.down-box a {
    display: block;
    width: 180px;
    height: 50px;
    margin-left: 180px;
}


 /* background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
   filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
   background-size:100% 100%; */
.page1{
    background: url('../img/bg_02.png')  no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

.page2{
    background: url('../img/bg_04.png')  no-repeat;
       -moz-background-size:100% 100%;
   background-size:100% 100%;
}


.page3{
    background: url('../img/bg_03.png')  no-repeat;
       -moz-background-size:100% 100%;
   background-size:100% 100%;
}


.page4{
    background: url('../img/bg_01.png')  no-repeat;
       -moz-background-size:100% 100%;
   background-size:100% 100%;
}

.page5{
    background: url('../img/bg_05.png')  no-repeat;
       -moz-background-size:100% 100%;
   background-size:100% 100%;
}

.page2 .moon {
    position: absolute;
    left: -66px;
    top: 108px;
}

.page2 .jiaxin {
    position: absolute;
    left: 160px;
    top: 129px;
}

.page3 .page-left .phone {
    left: 103px;
}

.page3 .jinbi {
    position: absolute;
    left: -45px;
    top: 130px;

}

.page4 .phone {
    left: -130px;
}

.page5 .phone {
    left: 0;
}

/*向下箭头*/
.down-arrow {
    width: 70px;
    height: 45px;
    position: fixed;
    left: 50%;
    z-index: 4;
    margin-left: -35px;
    bottom: 30px;
    cursor: pointer;
    background: url("../img/arrow.png") no-repeat;
    animation: arrow-animation 750ms ease-in-out infinite alternate;
    -moz-animation: arrow-animation 750ms ease-in-out infinite alternate;
    -webkit-animation: arrow-animation 750ms ease-in-out infinite alternate;
}

@keyframes arrow-animation {
    0% {
        bottom: 30px
    }

    100% {
        bottom: 50px
    }
}
